<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>客户服务</title>
    <link rel="stylesheet" th:href="@{/css/style.css}" href="css/style.css" />
    <style>
        html, body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }
        h2 {
            color: #333;
        }
        .faq, .claim {
            margin-top: 20px;
            padding: 15px;
            background-color: #e9e9e9;
            border-left: 5px solid #007bff;
        }
        .faq h3, .claim h3 {
            margin-top: 0;
        }
        .claim ul {
            list-style: none;
            padding: 0;
        }
        .claim li {
            margin-bottom: 10px;
        }
        .guide-section {
            margin-top: 20px;
            padding: 15px;
            background-color: #e9e9e9;
            border-left: 5px solid #007bff;
        }
        .guide-section h3 {
            margin-top: 0;
        }
        .guide-section ul {
            list-style: none;
            padding: 0;
        }
        .guide-section li {
            margin-bottom: 10px;
        }

    </style>
</head>
<body>
<div class="wrapper">
    <nav class="navbar">
        <ul class="nav-list">
            <li class="nav-item"><a th:href="@{/prt/index}">首页</a></li>
            <li class="nav-item active"><a th:href="@{/prt/booking_guide}">预订指南</a></li>
            <li class="nav-item"><a th:href="@{/prt/online_booking}">在线预订</a></li>
            <li class="nav-item"><a th:href="@{/prt/profile}">我</a></li>
        </ul>
    </nav>
    <h2>预订指南</h2>
    <div class="guide-section">
        <h3>网站预订</h3>
        <p>通过我们的官方网站进行预订，选择您需要的服务并完成支付。</p>
    </div>
    <div class="guide-section">
        <h3>手机预订</h3>
        <p>下载我们的手机应用，随时随地预订服务。</p>
    </div>
    <div class="guide-section">
        <h3>微信预订</h3>
        <p>关注我们的微信公众号，通过微信平台进行预订。</p>
    </div>
    <div class="guide-section">
        <h3>电话预订</h3>
        <p>拨打我们的客服热线000-0000000，我们的客服将协助您完成预订。</p>
    </div>
    <div class="guide-section">
        <h3>在线支付</h3>
        <ol>
            <li>单击主页右上角的“在线支付”按钮，选择需要预付款的订单进行支付操作;</li>
            <li>单击“支付”按钮后，在跳转后的支付页面中选择任一支付方式、完成预付车款;</li>
            <li>返回“订单管理”页面，确认订单状态为“已预付”。</li>
        </ol>
    </div>
    <h2>预订指南</h2>
    <div class="guide-section">
        <h3>网站预订</h3>
        <p>通过我们的官方网站进行预订，选择您需要的服务并完成支付。</p>
    </div>
    <div class="guide-section">
        <h3>手机预订</h3>
        <p>下载我们的手机应用，随时随地预订服务。</p>
    </div>
    <div class="guide-section">
        <h3>微信预订</h3>
        <p>关注我们的微信公众号，通过微信平台进行预订。</p>
    </div>
    <div class="guide-section">
        <h3>电话预订</h3>
        <p>拨打我们的客服热线000-0000000，我们的客服将协助您完成预订。</p>
    </div>
    <div class="guide-section">
        <h3>在线支付</h3>
        <ol>
            <li>单击主页右上角的“在线支付”按钮，选择需要预付款的订单进行支付操作;</li>
            <li>单击“支付”按钮后，在跳转后的支付页面中选择任一支付方式、完成预付车款;</li>
            <li>返回“订单管理”页面，确认订单状态为“已预付”。</li>
        </ol>
    </div>
    <div class="guide-section">
        <h3>修改订单</h3>
        <p>您可以通过以下方式修改订单:</p>
        <ul>
            <li>A. 客服热线00000或登录我的帐户进行修改</li>
            <li>B. 在线订单修改(网站预订订单)</li>
        </ul>
        <ol>
            <li>登录“我的帐户”;</li>
            <li>进入“我的订单”，选择需要修改的订单进行操作;</li>
            <li>单击“修改”按钮，页面跳转订单修改页面后进行修改即可;</li>
        </ol>
        <p>注意事项:</p>
        <p>订单的计算价格是根据系统进行显示，任何的订单信息都可能会影响订单的终价格。</p>
    </div>
    <div class="guide-section">
        <h3>修改订单</h3>
        <p>您可以通过以下方式修改订单:</p>
        <ul>
            <li>A. 客服热线00000或登录我的帐户进行修改</li>
            <li>B. 在线订单修改(网站预订订单)</li>
        </ul>
        <ol>
            <li>登录“我的帐户”;</li>
            <li>进入“我的订单”，选择需要修改的订单进行操作;</li>
            <li>单击“修改”按钮，页面跳转订单修改页面后进行修改即可;</li>
        </ol>
        <p>注意事项:</p>
        <p>订单的计算价格是根据系统进行显示，任何的订单信息都可能会影响订单的终价格。</p>
    </div>
    <h2>常见问题</h2>
    <div class="faq">
        <h3>预约PRT行程的收费标准是什么?</h3>
        <p>系统根据您所报行程的距离、所需PRT车辆的数目、预定时间等来给出最终报价。</p>

        <h3>临时更改或取消预约订单需要收取费用吗?</h3>
        <p>距离出发时间前48小时可以免费取消，退还定金。如超过此时间取消，需要收取一定的定金。</p>

        <h3>是否可以提供发票?</h3>
        <p>预定时可选择开具发票需求并填写发票信息，用车服务完成后为您开局电子发票发至邮箱。</p>

        <h3>为什么同一行程不同时间报价不一样?</h3>
        <p>根据预约时间的淡旺季，同一行程报价会有些许浮动，属正常情况。</p>
    </div>
    <h2>故障理赔</h2>
    <div class="claim">
        <p>拨打全国客服热线000-0000000或拨打服务公司的报案电话。</p>
        <ul>
            <li>我们提供事故处理的电话指导服务，且工作人员会尽快抵达现场提供救援协助服务;</li>
            <li>拨打110报警电话，开具事故责任认定书;</li>
            <li>配合服务公司完成PRT车辆定损，必要时向服务公司索取报案号;</li>
            <li>提交进保资料保险公司;</li>
            <li>理赔退款。</li>
        </ul>
        <p>Metrino PRT - <a href="http://www.metnno-prt.com" target="_blank">www.metnno-prt.com</a></p>
        <p>联系客服</p>
    </div>
</div>
</body>
</html>